const serviceData = [
  {
    name: '方案一-水位',
    data: [
      ['1', 2],
      ['2', 3],
      ['3', 5],
    ],
    type: 'line',
  },
  {
    name: '方案一-水位',
    data: [
      ['3', 5],
      ['4', 4],
      ['5', 4],
      ['6', 3],
      ['7', 5],
    ],
    type: 'line',
    itemStyle: {
      normal: {
        lineStyle: {
          width: 2,
          type: 'dotted', //'dotted'点型虚线 'solid'实线 'dashed'线性虚线
        },
      },
    },
  },
  {
    name: '方案一-流量',
    data: [
      ['1', 2.3],
      ['2', 3.1],
      ['3', 4.8],
    ],
    type: 'line',
  },
  {
    name: '方案一-流量',
    data: [
      ['3', 4.8],
      ['4', 3.6],
      ['5', 3.8],
      ['6', 3.1],
      ['7', 5.2],
    ],
    type: 'line',
    itemStyle: {
      normal: {
        lineStyle: {
          width: 2,
          type: 'dotted', //'dotted'点型虚线 'solid'实线 'dashed'线性虚线
        },
      },
    },
  },
  {
    name: '方案二-水位',
    data: [
      ['1', 3],
      ['2', 4],
      ['3', 5],
    ],
    type: 'line',
  },
  {
    name: '方案二-水位',
    data: [
      ['3', 4],
      ['4', 2],
      ['5', 3],
      ['6', 2],
      ['7', 1],
    ],
    type: 'line',
    itemStyle: {
      normal: {
        lineStyle: {
          width: 2,
          type: 'dotted', //'dotted'点型虚线 'solid'实线 'dashed'线性虚线
        },
      },
    },
  },
  {
    name: '方案二-流量',
    data: [
      ['1', 2.3],
      ['2', 3.1],
      ['3', 4.8],
    ],
    type: 'line',
  },
  {
    name: '方案二-流量',
    data: [
      ['3', 4.8],
      ['4', 3.6],
      ['5', 3.8],
      ['6', 3.1],
      ['7', 5.2],
    ],
    type: 'line',
    itemStyle: {
      normal: {
        lineStyle: {
          width: 2,
          type: 'dotted', //'dotted'点型虚线 'solid'实线 'dashed'线性虚线
        },
      },
    },
  },
  {
    type: 'line',
    markLine: {
      data: [
        {
          xAxis: '3', //这里设置false是隐藏不了的，可以设置为-1
        },
      ],
      symbol: ['none', 'none'], //去掉箭头
      label: { show: true, formatter: '预报生成线' },
      lineStyle: {
        color: '#C84C49',
        width: 2,
        type: 'dashed', //线类型 虚线
        cap: 'round', //线末端形状
      },
      // 标线的高亮样式。
      emphasis: {
        // 关闭高亮
        disabled: true,
      },
    },
  },
];

export const option1 = {
  color: ['#C982FB', '#8BB4F1', '#68F274', '#55D1B7', '#FFCE26'],
  // 鼠标点位提示
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'cross',
    },
  },
  legend: {
    data: serviceData,
    type: 'scroll',
  },
  dataZoom: [
    {
      type: 'inside',
      start: 0,
      end: 100,
    },
    {
      start: 0,
      end: 100,
    },
  ],
  xAxis: {
    type: 'category', //类目轴
    splitLine: {
      //网格线
      show: true,
    },
    data: ['1', '2', '3', '4', '5', '6', '7'],
  },
  yAxis: {
    type: 'value',
  },
  series: serviceData,
};
